<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        div{
            width:100px;
            height:100px;
            background-color: pink;
        }
    </style>
</head>
<body>
    <!-- html css js  js依托于html -->
    <!-- js必须依托于 html  有三种使用方式 -->
    <!-- 行内  -->

    <!-- a标签 -->
    <!-- alert('hello world') -->
    <!-- alert(内容) 弹框 -->
    <!-- javascript: 表示告诉浏览器不跳转而是执行一个动作 -->
    <a href="javascript:alert('hello world')">99544动动我试试</a>

    <!-- 非a标签 -->
    <!-- 用户使用鼠标或者键盘跟 页面的标签进行互动 比如jd  鼠标移入 停止滚动
        鼠标移出 继续滚动 
    -->
    <!-- 互动的语法是 on + 动作    
    
        点击  click   
    -->
    <div onclick="alert('do not touch me')">
        按时打发发发啊手动阀双方都是啊手动阀首发式地方啊手动阀阿凡达
    </div>
    <!-- alert('')  alert()中间如果是写内容 那么需要加上
    单引号 或者 一队双引号 也就是alert('内容') 
    alert("内容")
    alert(数字) 数字是不需要加单引号或者双引号
    -->
</body>
</html>